<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue中父子关系练习</title>
</head>
<body>
<div id="app">
  <my-component></my-component>
</div>
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
  <script type="text/javascript">
  var component = Vue.extend({
    template:"<div>Hello,World</div>"
  });
  Vue.component('my-component',component);
  new Vue({
    el:'#app'
  })
  </script>
</body>
</html>
